<div class="header-bar">
  <a @click="handleChange" type="text" :class="['sider-trigger-a', collapsed ? 'collapsed' : '']">
    <Icon type="md-menu" :size="size" /></a>
  
  <div class="custom-bread-crumb">
    <Breadcrumb :style="{fontSize: `12px`}">
      <BreadcrumbItem v-for="item in breadCrumbList" :to="item.to" :key="`bread-crumb-${item.name}`">
        <Icon style="margin-right: 4px;" :type="item.icon || ''" />
        {{ showTitle(item) }}
      </BreadcrumbItem>
    </Breadcrumb>
  </div>
  <div class="custom-content-con">
    <slot></slot>
  </div>
</div>
